<template>
	<!-- 底部赞助商 -->
	<view class="flex flex-column align-center py-5 pt-3 w-100" :style="{ backgroundColor: bgColor,height:bgHeight,position:bgPostion}">
		<view class="flex font-sm">
			<view class="item" @click="clickIndex()">店铺主页</view>
			<view class="item">个人中心</view>
			<view class="item">关注我们</view>
			<view class="item" style="border: none;">店铺信息</view>
		</view>
		<view class="flex flex-column align-center mt-4">
			<view class="" style="width: 100rpx; height: 100rpx;">
				<image :src="Domain_ICON+'/sponsor.jpg'" mode="" class="img"></image>
			</view>
			<!-- <view class="flex align-center justify-center mt-1">
				<uni-icons type="hand-up-filled" size="20"></uni-icons>
				<text class="font-sm" style="color: #ccc;">***提供技术支持</text>
			</view> -->
		</view>
<!-- 		<view class="followUs" v-if="fafollowUs">

		</view> -->
	</view>
</template>

<script>
	const app = getApp();
	export default {
		components: { //轮播图组件
		},
		props: {
			bgColor: {
				type: String,
				default: "#fff"
			},
			bgHeight: {
				type: String,
				default: '500rpx'
			},
			sonfollowUs: {
				type: Boolean,
				default: false,
			},
			bgPostion: {
				type: String,
				default: 'static',
			}
		},
		data() {
			return {
				Domain_ICON: app.globalData.Domain_ICON,
				fafollowUs: false
			}
		},
		watch: {
			sonfollowUs: function(e) {
				this.fafollowUs = e;
			}
		},
		onLoad() {},
		methods: {
			clickIndex() {
				uni.reLaunch({
					url: '/pages/index/index'
				})
			}
		}
	}
</script>

<style lang="scss">
	.item {
		padding: 0 20rpx;
		border-right: 2rpx solid #ccc;
		line-height: 25rpx;
	}
</style>